<?php

header("Content-Type:text/html;charset=utf-8"); 

?>

<html> 
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <link href="http://cdn.bootcss.com/highlight.js/7.3/styles/github.min.css" rel="stylesheet">
    <link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.2/css/bootstrap.min.css">

 
<body>
    <div data-alerts="alerts" data-titles="{&quot;warning&quot;: &quot;<em>Warning!</em>&quot;}" data-ids="myid" data-fade="6000"></div>
<form name="login" method="POST" action="login.php" >
<div class='thumbnail'>
        <div class='row'>
        <div class='col-xs-12'>
       
			<legend>校园通讯录系统</legend>
			<p>用户名 <input type="text" name="userName" id="userName" /></p>
			<p>密　码 <input type="password" name="userPwd" id="userPwd" /></p>
			<p>　　　 
			<input type="submit" value="登录" style="color:blue" />　　 
			<input type="reset" value="重置" style="color:blue" />
            
        
        </div>
    	</div>
        </div>
        


</form>
           <button id="warn-me" class="btn">Click to see a warning alert</button>


</body>
</html>